<!-- 
Brand页面
 * @Author: zuobufan
 * @Location: 中杰科技研发中心
 * @LastEditors: zuobufan
 * @CreateEditTime: 2021-10-09 15:27:00
 -->
<template>
  <div>
    <div class="box">
      <div class="banner">
        <img :src="brand.app_list_pic_url" alt>
        <h2>{{brand.name}}</h2>
      </div>
      <p>{{brand.simple_desc}}</p>
    </div>
  </div>
</template>

<script>
import {GetBrandDetailData} from '@/request/api'
export default {
  data() {
    return {
        brand:{}
    };
  },
  created() {
      GetBrandDetailData({
          id:this.$route.query.id
      }).then(res =>{
          console.log(res);
          if(res.errno == 0){
              this.brand = res.data.brand;
          }
      })
  },
  methods: {}
};
</script>

<style lang = "less" scoped>
.box {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  .banner {
    width: 100%;
    position: relative;
    img {
      display: block;
      width: 100%;
    }
    h2 {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      text-align: center;
      height: 30px;
      line-height: 30px;
      margin: auto;
      font-size: 20px;
      text-decoration: underline;
      color: #fff;
    }
  }
  p {
    background: #fff;
    font-size: 18px;
    text-align: center;
    padding: 20px 10px;
    line-height: 26px;
    color: #666;
  }
}
</style>
